<!--
 * @Description:  answerQuestion_detail- 答疑列表详情
 * @Author: your name
 * @Date: 2024-02-23
 * @LastEditTime: 2024-02-23
 * @LastEditors: Please set LastEditors
-->

<template>
  <div>
    <div class="questiondetail wrapper" v-cloak>
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/answerQuestion' }">
          笔记答疑
        </el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/prePath' }">
          答疑列表
        </el-breadcrumb-item>
        <el-breadcrumb-item>答疑详情</el-breadcrumb-item>
      </el-breadcrumb>

      <div class="mainBox">
        <div class="que-detail-main">
          <div class="userData">
            <figure>
              <img
                src="https://img.rongyuejiaoyu.com/uploads/20230728/71535463ecf25000eabc6e55d563dc75.jpg"
                alt="headImg"
              />
            </figure>
            <h2>152****0819</h2>
            <span>2024-02-23 09:59:10</span>
          </div>
          <h3 class="problemTitle">16年2季度是14，为什么3季度就是19了</h3>
          <div class="problemCon">
            <!-- 开启图片预览 preview-src-list-->
            <div class="demo-image__preview">
              <el-image
                :src="quesDetail.HeadImg"
                :preview-src-list="quesDetail.QuesImageUrl"
              ></el-image>
            </div>
          </div>
          <h4 class="phoneData">
            <span>CFA>M5-1 Time-Series Analysis</span>
            <!-- <a href="javascript:;" @click="opentest()"> 相关试题 </a> -->
          </h4>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'answerQuestion_detail',
  data() {
    return {
      quesDetail: {
        HeadImg:
          'https://img.rongyuejiaoyu.com/uploads/20240223/0959100000004835.jpeg',
        NickName: '华景街',
        QuesAddTimeDesc: '2小时前',
        IsDelete: 0,
        AnswerListCount: 0,
        MyQues: 1,
        iscollectio: 1,
        VID: '123654',
        CCVID: '',
        VideoProgress: '',
        QuesToken: '12564',
        QuesImageUrl: [
          'https://img.rongyuejiaoyu.com/uploads/20240223/0959100000004835.jpeg',
          'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
          'http://www.rongyuejiaoyu.com/static/index/images/icon_advan03.jpg'
        ]
      }
    }
  },
  created() {},
  methods: {}
}
</script>

<style scoped lang="scss">
@import '@/assets/styles/index.scss';
@import '@/assets/styles/global.scss';
@import '@/assets/styles/detail_aq.scss';

.el-breadcrumb {
  font-size: 15px;
  line-height: 2;
}
</style>
